<template>
  <div id="app">
    <!-- 1. 组件的调用方式 -->
    <button @click="isShow = true">打开</button>
    <button @click="isShow = false">关闭</button>
    <b-message :visible.sync="isShow" message="字节跳动,2022我来了" />
    <!-- 2. 函数的调用方式  this.$message() -->
    <button @click="open">创建message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: false,
    };
  },
  methods: {
    open() {
      this.$message({
        message: "大中国，YYDS",
        visible: true,
        duration: 2000,
      });
      // setTimeout(() => {
      //   instance.close();
      //   console.log("关闭消息提示");
      // }, 5000);
    },
  },
};
</script>

<style></style>
